@charset "utf-8";
/* CSS Document */

body{
	margin-top:0;
	font-family:tahoma;
}

#page{
	width:1024px;
	margin:0 auto;
	background-color:#d9d6d6;
	height:auto;
}



#header{
	background-color:#202026;
	width:100%;
	height:155px;
	color:#FFFFFF;
}

#sub_header{
	background-color:#2c2c2c;
	height:122px;
}

#logo{
	border:0;
	float:left;
	margin-top:5px;
}

#search_header{
	float:right;
	margin-right:5px;
	margin-top:5px;
}

.btn_search_header{
	background-image:url(../images/btn_search.png);
	width:74px;
	height:23px;
	color:#FFFFFF;
	border:#CCCCCC 1px solid;
}

.btn_search_header:hover{
	text-decoration:underline;
}

.txt_search{
	color:#666666;
	font-style:italic;
	font-size:12px;
}

#navigation{
	float:right;
	margin-top:10px;
	vertical-align:top;
}

#navigation ul{
	vertical-align:top;
}

#navigation ul li{
	list-style:none;
	display:inline-block;
	float:left;
	padding: 2px;  
    border: 1px solid #000000;    
    -webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;  
    -moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-o-border-radius: 5px;  
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size:13px;
	width:90px;
	height:27px;
	line-height:27px;
	text-align:center;
	font-weight:bold;
}

#navigation ul li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	line-height:27px;
	vertical-align:middle;
}

#navigation ul li a:hover{
	display:block;
}

.redmenu{
	background-color:#d71213;
}

.redmenu:hover{
	background-image:url(../images/icon_home.png);
	height:50px;
	background-size:30px 30px;
}

.orangemenu{
	background-color:#ff6701;
}

.orangemenu:hover{
	background-image:url(../images/icon_about.png);
	height:50px;
	background-size:30px 30px;
}

.greenmenu{
	background-color:#9cc709;
}

.greenmenu:hover{
	background-image:url(../images/icon_transport.png);
	height:50px;
	background-size:35px 35px;
}

.bluemenu{
	background-color:#009dc6;
}

.bluemenu:hover{
	background-image:url(../images/icon_clean.png);
	height:50px;
	background-size:30px 30px;
}

.purpelmenu{
	background-color:#cc3884;
}

.purpelmenu:hover{
	background-image:url(../images/icon_news.png);
	height:50px;
	background-size:40px 35px;
}

.light_orangemenu{
	background-color:#feac00;
}

.light_orangemenu:hover{
	background-image: url(../images/icon_contact.png);
	height:50px;
	background-size:35px 35px;
}

#navigation ul li:hover{
	height:50px;
	background-position:bottom right;
	background-repeat:no-repeat;
}

#content{
	width:100%;
	background-color:#d9d6d6;
	float:left;
}

/* slideshow */

#bigPic{ 
	width:725px; 
	height:250px; 
	padding:1px; 
	border:1px solid #CCC; 
	background-color:#FFF; 
	margin-left:10px;
	margin-top:5px;
} 

#bigPic img{ 
	position:absolute; 
	display:none; 
} 

ul#thumbs li.active{ 
	
	text-decoration:underline; 
	/*background:#fff;*/ 
	padding:1px; 
} 

ul#thumbs, ul#thumbs li{
	margin:0; 
	padding:0; 
	list-style:none;
}   

ul#thumbs{
	padding-left:5px;
	padding-top:5px;
}

ul#thumbs li{ 
	float:left; 
	margin-right:3px; 
	border:1px solid #CCC;	
	padding:1px; 
	cursor:pointer;
	width:17px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
} 

#slideshow{
	background-image:url(../images/bg_slideshow.gif);
	width:727px;
	height:30px;
	margin-left:11px;
}
 /*---*/
 
.content_left{
	width:750px;
	float:left;
}

#noidung_trangchu{
	width:727px;
	margin-left:11px;
	margin-bottom:10px;
}

#loichao{
	background-color:#444449;
	width:100%;
	height:35px;
	vertical-align:middle;
}

#noibat{
	width:707px;
	background-color:#161515;
	color:#FFFFFF;
	padding:10px;
}

#khung{
	padding:15px;
	border:#939394 1px solid;
	min-height:620px;
}

#khung a:hover
{
    text-decoration:underline;   
}

.menu_noibat{
	list-style:url(../images/icon_arrow.gif);
}

.menu_noibat li{
	padding:5px;
}

.menu_noibat a{
	color:#8bbc00;
	text-transform:uppercase;
	text-decoration:none;
	font-size:22px;
}

.menu_noibat a:hover{
	color:#FF6600;
}

.tel_noibat{
	
	vertical-align:top;
	margin-top:25px;
}

.tel1{
	color:#FF0000;
	padding-left:10px;
	font-weight:bold;
	font-size:30px;
	vertical-align:top;
}

.tel2{
	color:#8bbc00;
	font-size:22px;
	font-weight:bold;
}

.tel3{
	color:#d71213;
	font-size:30px;
}

.tel3 a{
	color:#ffde00;
	text-decoration:none;
}

.tel3 a:hover{
	text-decoration:underline;
}

.content_right{
	float:right;
	width:274px;
}

.lienhe{
	background-image:url(../images/img_contact.gif);
	margin-top:6px;
	background-repeat:no-repeat;
	width:264px;
	height:184px;
}

.noidung_lienhe{
	margin-top:20px;
	margin-right:10px;
	text-align:center;
	width:55%;
	float:right;
}

.lienhe1{
	font-weight:bold;
}

.lienhe2{
	color:#FF0000;
	font-weight:bold;
	font-size:19px;
	line-height:30px;
}

.lienhe3{
	font-size:13px;
	font-weight:600;
	vertical-align:middle;
	padding-top:0;
	margin-top:5px;
	margin-bottom:5px;
	color:#336600;
}

.lienhe4{
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
}

.title_menu{
	background-image:url(../images/bg_menu.gif);
	background-repeat:no-repeat;
	margin-top:8px;
	width:265px;
	height:44px;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	line-height:44px;
}

#menu{
	margin-top:0px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:10px;
	width:265px;
	background-color:#2c2c2c;	
	color:#acacac;
	padding-left:0;
	position:relative;
	margin-bottom:0px;
}

#menu li{
	margin-left:0px;
	line-height:40px;
	list-style:none;
	border-bottom:dotted #FFFFFF thin;
	width:100%;
	font-size:16px;
	font-weight:500;
	position: relative;
	color:#acacac;	
}

#menu li.end{
	border-bottom:0;
}

#menu li img{
	margin-left:15px;
	border:0;
}

#menu li span{
	margin-left:10px;
	cursor:pointer;
	color:#cac8c8;
	text-align:left;
}

#menu li a{
	text-decoration:none;
	color:#acacac;
	display:block;
}

#menu li span:hover{
	color:#FFFFFF;
	padding-left:10px;
}

#menu li ul{
	margin-bottom:10px;
}

#menu li ul li{
 	border:0;
	margin-bottom:0;
	font-size:14px;
	line-height:30px;
}

#menu li ul li a:hover
{
    color:#FFFFFF;
	padding-left:10px;  
}

#menu li ul li:hover{
	background-color:#555454;
	margin-left:0;
}

.btnDanhMuc
{
    border:0;
    background-color:transparent;
	cursor:pointer;
	color:#cac8c8;
	font-size:16px;
	margin-left:5px;
	padding:0;
	width:70%;
	text-align:left;
}

.btnDanhMuc:hover
{
    color:#FFFFFF;
    padding-left:10px;
}

#hotnews{
	width:265px;
	background-color:#2c2c2c;
	color:#FFFFFF;
	font-size:14px;
}

#hotnews marquee{
	margin:10px;
	margin-left:5px;
}

#hotnews a{
	color:#FFFFFF;
	text-decoration:none;
}

#hotnews a:hover{
	text-decoration:underline;
}

#hotnews ul{
	margin-left:0px;
}

#hotnews ul li{
	list-style:url(../images/icon-news.png);
	padding-bottom:15px;
	padding-left:10px;
	vertical-align:top;
	margin-bottom:10px;
}

#title_lienket{
	margin-left:11px;
	float:left;
	width:1005px;
	background-image:url(../images/bg_lienket.gif);
	background-repeat:repeat-x;
	height:40px;
	margin-top:10px;
	vertical-align:top;
	margin-bottom:0px;
}

#title_lienket span{
	font-weight:bold;
	font-size:18px;
	margin-left:30px;
	line-height:40px;
	vertical-align:top;
}

#lienket{
	background-color:#ebecec;
	width:1004px;
	margin-left:11px;
	float:left;
	margin-top:0px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	border:solid 1px #aaabab;
	border-top:0;
}

#lienket img{
	padding:5px;
	border:0;
}

#footer{
	background-color:#ebecec;
	width:1004px;
	margin-left:11px;
	float:left;
	border:solid 1px #aaabab;
	margin-top:10px;
}

.content_footer{
	font-size:11px;
	margin:10px;	
	float:left;
}

.border_footer{
	background-image:url(../images/border_footer.gif);
	width:4px;
	height:70px;
	margin-top:10px;
	float:left;
	margin-left:2px;
	margin-right:2px;
}

.content_footer1{
	font-size:11px;
	margin:10px;
	float:left;
}

.footer1{
	font-weight:bold;
	font-size:12px;
}

#subfooter{
	background-color:#2c2c2c;
	color:#FFFFFF;
	margin:0px;
	width:1005px;
	font-size:12px;
	float:left;
	text-align:center;
	line-height:24px;
	font-weight:bold;
}

#subfooter span{
	margin-left:10px;
	height:25px;
}

#subfooter img{
	margin-left:5px;
	margin-top:5px;
}

/* button */
.button {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button.full, .button.full {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
	overflow: hidden; 
}

.button.small {
	font-size:12px;
}
.button.medium {
	font-size:14px;
}
.button.large {
	font-size:18px;
}

.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e62727;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #00ADEE;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
    top: 0px;
    left: 1px;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}

/* ---- */

.spanLienHe
{
    color:#57e01a;
    font-weight:bold;
    font-size:16px;
}

.chitietdanhmuc
{
    margin-top:0;
    color:#aaa9a9;
}

.chitietdanhmuc a
{
    font-size:13px;
    color:#aaa9a9;
    text-decoration:none;
}

.chitietdanhmuc a:hover
{
    text-decoration:underline;
}

.spanChiTiet
{
    color:#ff6701; 
}

.news_detail
{
	padding-left:5px;
	vertical-align:top;
	line-height:17px;
	width:85%;
	height:auto;
    color:#d5d5d5;
    text-align:justify;
}

.news_name
{
	width:100%;
	color:#2ab2f9;
	font-size:15px;
	line-height:24px;
	padding-bottom:3px;
}

.news_name a
{
    text-decoration:none; 
    color:#2ab2f9;
    font-weight:bold;
}

.news_name a:hover
{
    text-decoration:underline;    
}

.news_post
{
	font-style:oblique;
	color:#ffde00;
	font-size:12px;
}

.phantrang
{
    color:White;   
}

#divphantrang
{
    width:100%;
    padding-right:20px;
    font-size:14px;
    font-weight:normal;
    text-align:right;
    letter-spacing:3px;
}

.phantrang a
{
    text-decoration:none;
    color:White;
}

.phantrang a:hover
{
    font-weight:bold;
}

.kqtimkiem
{
    padding-bottom:5px;    
}

.kqtimkiem a
{
    color:White;
    text-decoration:none;   
}

.kqtimkiem a:hover
{
    color:White;
    text-decoration:underline;   
}

#menu_admin{
	margin-top:0px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:10px;
	width:200px;
	background-color:#2c2c2c;	
	color:#acacac;
	padding-left:0;
	position:relative;
	margin-bottom:0px;
}

#menu_admin li{
	margin-left:0px;
	line-height:40px;
	list-style:none;
	border-bottom:dotted #FFFFFF thin;
	width:100%;
	font-size:16px;
	font-weight:500;
	position: relative;
	color:#acacac;	
}

#menu_admin li.end{
	border-bottom:0;
}

#menu_admin li img{
	margin-left:15px;
	border:0;
}

#menu_admin li span{
	margin-left:10px;
	cursor:pointer;
	color:#cac8c8;
	text-align:left;
}

#menu_admin li a{
	text-decoration:none;
	color:#acacac;
	display:block;
}

#menu_admin li span:hover{
	color:#FFFFFF;
	padding-left:10px;
}

.font_required
{
    color:Red;   
}